<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>NBA球队 - NBA篮球世界</title>
    <link rel="stylesheet" href="../css/base.css">
    <link rel="stylesheet" href="../css/teams.css">
    <link rel="stylesheet" href="../css/animations.css">
</head>
<body>
    <header>
        <div class="logo">
            <img src="../img/NBA-LOGO.png" alt="NBA Logo">
            <h1>NBA球队</h1>
        </div>
        <nav>
            <ul>
                <li><a href="../index.html">首页</a></li>
                <li><a href="teams.html" class="active">球队</a></li>
                <li><a href="players.html">球员</a></li>
                <li><a href="news.html">新闻</a></li>
                <li><a href="contact.html">联系</a></li>
            </ul>
        </nav>
    </header>

    <main class="teams-page">
        <section class="team-categories">
            <h2>NBA球队分区</h2>
            <div class="conference-grid">
                <div class="conference western">
                    <h3>西部联盟</h3>
                    <div class="team-grid">
                        <div class="team-card" id="lakers">
                            <img src="../img/湖人队.webp" alt="湖人队">
                            <h4>洛杉矶湖人</h4>
                            <p>主场：斯台普斯中心</p>
                        </div>
                        <div class="team-card" id="warriors">
                            <img src="../img/勇士.webp" alt="勇士队">
                            <h4>金州勇士</h4>
                            <p>主场：金州球馆</p>
                        </div>
                        <div class="team-card" id="rockets">
                            <img src="../img/火箭.webp" alt="火箭队">
                            <h4>休斯顿火箭</h4>
                            <p>主场：丰田中心</p>
                        </div>
                    </div>
                </div>
                <div class="conference eastern">
                    <h3>东部联盟</h3>
                    <div class="team-grid">
                        <div class="team-card" id="celtics">
                            <img src="../img/凯尔特人.webp" alt="凯尔特人队">
                            <h4>波士顿凯尔特人</h4>
                            <p>主场：TD花园</p>
                        </div>
                        <div class="team-card" id="heat">
                            <img src="../img/热火.webp" alt="热火队">
                            <h4>迈阿密热火</h4>
                            <p>主场：FTX球馆</p>
                        </div>
                        <div class="team-card" id="nets">
                            <img src="../img/篮网.webp" alt="篮网队">
                            <h4>布鲁克林篮网</h4>
                            <p>主场：巴克莱中心</p>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <section class="team-stats">
            <h2>球队数据排名</h2>
            <table>
                <thead>
                    <tr>
                        <th>排名</th>
                        <th>球队</th>
                        <th>胜率</th>
                        <th>场均得分</th>
                        <th>场均篮板</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td>1</td>
                        <td>凯尔特人</td>
                        <td>0.732</td>
                        <td>118.5</td>
                        <td>46.2</td>
                    </tr>
                    <tr>
                        <td>2</td>
                        <td>掘金</td>
                        <td>0.705</td>
                        <td>114.7</td>
                        <td>44.8</td>
                    </tr>
                    <tr>
                        <td>3</td>
                        <td>雄鹿</td>
                        <td>0.688</td>
                        <td>117.3</td>
                        <td>45.5</td>
                    </tr>
                </tbody>
            </table>
        </section>
    </main>

    <footer>
        <div class="footer-content">    
        </div>
        <div class="copyright">
            <p>NBA篮球世界</p>
        </div>
    </footer>
</body>
</html>
